// 第1步： 创建vue实例
const Vue = require('vue')
// 第2步： 创建一个renderer
const renderer = require('vue-server-renderer').createRenderer()
const express = require('express')

const server = new express()

server.get('/',(req,res)=>{
    const app = new Vue({
        template: `<div id="app"> <h1>{{message}}</h1></div>`,
        data: {
            message: 'hi,大家好！'
        }
    })
    // 第3步：将Vue实例渲染为HTML
    renderer.renderToString(app,(err,html)=>{
        if(err){
            return res.status(500).end('Internal Server Error')
        }
        res.setHeader('Content-Type','text/html;charset=utf8')
        res.end(html)
    })
})
server.listen(3000,()=>{
    console.log('server running at port 3000')
})
